<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>数据绑定</title>
  </head>
  <body>

<div id="root">
  <input type="text" id="input" v-model="message">
  <p>hi , {{ name }}, {{message}}</p>
</div>


<!-- vue -->
<!-- <script src="https://unpkg.com/vue@2.4.2"></script> -->
<script src="./js/vue2.4.2.js"></script>


<script >



let data = {
  message:'hello world', //不要加 ；
  name : 'Tom'
};


// h5的dom语法 传统赋值
// document.querySelector('#input').value=data.message;


//使用vue绑定 ， 注意 Vue 的 V大写
new Vue({
 el: '#root',
 data : data

});


</script>


  </body>
</html>
